﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <meta name="viewport" content="width=device-width" />
    <link href="../css/jquery.mobile-1.0b2.css" rel="stylesheet" type="text/css" />
    <link href="../css/scrollbar.css" rel="stylesheet" type="text/css" />
    <link href="../css/ui.button.css" rel="stylesheet" type="text/css" />
    <link href="../css/site.css" rel="stylesheet" type="text/css" />
    <script src="../js/lib/jquery-1.6.1.min.js" type="text/javascript"></script>
    <script src="../js/lib/jquery.mobile-1.0b2.js" type="text/javascript"></script>
    <script>
        $(function () {
            $('#txt-project-title').click(function () {
                $('#txt-project-description').slideToggle();
            });
        });
    </script>
</head>
<body class="ui-mobile-viewport">
    <div data-role="page" class="type-interior ui-page ui-body-c ui-page-active">
        <div data-role="header" data-theme="a" class="ui-bar-f ui-header" role="banner">
            <div tabindex="0" role="heading" aria-level="1">
                <span class="header-title">Ezdek</span>
                <img src="../images/pencil.png" class="img-button" style="right: 4px;" />
                <img src="../images/add.png" class="img-button" style="right: 45px;" />
            </div>
        </div>
        <div id="project-info" data-role="content" role="main" data-theme="c">
            <h3 id="txt-project-title">
                康桥丽都项目</h3>
            <div id="txt-project-description" data-role="content" data-theme="c" style="border-radius: 10px;
                border: solid 1px #ccc; box-shadow: 0px 0px 10px #666;">
                这是康桥丽都的项目介绍,一些详细的描述，这个项目非常厉害，很大很大<br />
                And There is some english description
            </div>
            <ul id="workitem-list" data-role="listview" data-inset="true" class="ui-listview ui-listview-inset ui-corner-all ui-shadow">
                <li data-theme="c" class="ui-btn ui-btn-icon-right ui-li ui-btn-up-c">
                    <div class="ui-btn-inner ui-li">
                        <div class="ui-btn-text">
                            <a class="ui-link-inherit ezlink">必须的<span style="font-size: 12px; color: #666;">(范德萨,
                                还有3天)</span></a></div>
                        <span class="clear-shadow" style="position: absolute; top: 50%; margin-top: -9px;
                            right: 10px;"><span class="txt-planOn"></span>&nbsp;<span class="command button  green medium">完成</span>
                            <span class="img-ajax" style="display: none;">
                                <img src="style/images/ajax_loader.gif" style="width: 16px; height: 16px;"></span>
                        </span>
                    </div>
                </li>
                <li data-theme="c" class="ui-btn ui-btn-icon-right ui-li ui-btn-up-c">
                    <div class="ui-btn-inner ui-li">
                        <div class="ui-btn-text">
                            <a class="ui-link-inherit ezlink">这是个过期的任务<span style="font-size: 12px; color: #666;">(第四大,
                                过期5天)</span></a></div>
                        <span class="clear-shadow" style="position: absolute; top: 50%; margin-top: -9px;
                            right: 10px;"><span class="txt-planOn"></span>&nbsp;<span class="command button red medium">完成</span>
                            <span class="img-ajax" style="display: none;">
                                <img src="style/images/ajax_loader.gif" style="width: 16px; height: 16px;"></span>
                        </span>
                    </div>
                </li>
                <li data-theme="c" class="ui-btn ui-btn-up-c ui-btn-icon-right ui-li">
                    <div class="ui-btn-inner ui-li">
                        <div class="ui-btn-text">
                            <a class="ui-link-inherit ezlink">这是个没有人负责的任务这是个没有人负责的任务<span style="font-size: 12px;
                                color: #666;"></span></a></div>
                        <span class="clear-shadow" style="position: absolute; top: 50%; margin-top: -9px;
                            right: 10px;"><span class="txt-planOn"></span>&nbsp;<span class="command button red medium">完成</span>
                            <span class="img-ajax" style="display: none;">
                                <img src="style/images/ajax_loader.gif" style="width: 16px; height: 16px;"></span>
                        </span>
                    </div>
                </li>
                <li data-theme="c" class="ui-btn ui-btn-icon-right ui-li ui-btn-up-c">
                    <div class="ui-btn-inner ui-li">
                        <div class="ui-btn-text">
                            <a href="lists-divider.html" class="ui-link-inherit">List dividers</a></div>
                        <span class="ui-icon ui-icon-arrow-r ui-icon-shadow"></span>
                    </div>
                </li>
                <li data-theme="c" class="ui-btn ui-btn-icon-right ui-li ui-btn-up-c">
                    <div class="ui-btn-inner ui-li">
                        <div class="ui-btn-text">
                            <a href="lists-count.html" class="ui-link-inherit">Count bubble</a></div>
                        <span class="ui-icon ui-icon-arrow-r ui-icon-shadow"></span>
                    </div>
                </li>
                <li data-theme="c" class="ui-btn ui-btn-up-c ui-btn-icon-right ui-li">
                    <div class="ui-btn-inner ui-li">
                        <div class="ui-btn-text">
                            <a href="lists-thumbnails.html" class="ui-link-inherit">Thumbnails</a></div>
                        <span class="ui-icon ui-icon-arrow-r ui-icon-shadow"></span>
                    </div>
                </li>
                <li data-theme="c" class="ui-btn ui-btn-up-c ui-btn-icon-right ui-li">
                    <div class="ui-btn-inner ui-li">
                        <div class="ui-btn-text">
                            <a href="lists-icons.html" class="ui-link-inherit">Icons</a></div>
                        <span class="ui-icon ui-icon-arrow-r ui-icon-shadow"></span>
                    </div>
                </li>
                <li data-theme="c" class="ui-btn ui-btn-up-c ui-btn-icon-right ui-li">
                    <div class="ui-btn-inner ui-li">
                        <div class="ui-btn-text">
                            <a href="lists-formatting.html" class="ui-link-inherit">Content formatting</a></div>
                        <span class="ui-icon ui-icon-arrow-r ui-icon-shadow"></span>
                    </div>
                </li>
                <li data-theme="c" class="ui-btn ui-btn-up-c ui-btn-icon-right ui-li">
                    <div class="ui-btn-inner ui-li">
                        <div class="ui-btn-text">
                            <a href="lists-search.html" class="ui-link-inherit">Search filter bar</a></div>
                        <span class="ui-icon ui-icon-arrow-r ui-icon-shadow"></span>
                    </div>
                </li>
                <li data-theme="c" class="ui-btn ui-btn-icon-right ui-li ui-btn-up-c">
                    <div class="ui-btn-inner ui-li">
                        <div class="ui-btn-text">
                            <a href="lists-search-inset.html" class="ui-link-inherit">Inset search filter bar</a></div>
                        <span class="ui-icon ui-icon-arrow-r ui-icon-shadow"></span>
                    </div>
                </li>
                <li data-theme="c" class="ui-btn ui-btn-icon-right ui-li ui-btn-up-c">
                    <div class="ui-btn-inner ui-li">
                        <div class="ui-btn-text">
                            <a href="lists-search-with-dividers.html" class="ui-link-inherit">Search filter bar
                                with dividers</a></div>
                        <span class="ui-icon ui-icon-arrow-r ui-icon-shadow"></span>
                    </div>
                </li>
                <li data-theme="c" class="ui-btn ui-btn-up-c ui-btn-icon-right ui-li">
                    <div class="ui-btn-inner ui-li">
                        <div class="ui-btn-text">
                            <a href="lists-readonly.html" class="ui-link-inherit">Read-only lists</a></div>
                        <span class="ui-icon ui-icon-arrow-r ui-icon-shadow"></span>
                    </div>
                </li>
                <li data-theme="c" class="ui-btn ui-btn-up-c ui-btn-icon-right ui-li">
                    <div class="ui-btn-inner ui-li">
                        <div class="ui-btn-text">
                            <a href="lists-readonly-inset.html" class="ui-link-inherit">Read-only inset lists</a></div>
                        <span class="ui-icon ui-icon-arrow-r ui-icon-shadow"></span>
                    </div>
                </li>
                <li data-theme="c" class="ui-btn ui-btn-up-c ui-btn-icon-right ui-li">
                    <div class="ui-btn-inner ui-li">
                        <div class="ui-btn-text">
                            <a href="lists-forms.html" class="ui-link-inherit">Lists with forms</a></div>
                        <span class="ui-icon ui-icon-arrow-r ui-icon-shadow"></span>
                    </div>
                </li>
                <li data-theme="c" class="ui-btn ui-btn-up-c ui-btn-icon-right ui-li">
                    <div class="ui-btn-inner ui-li">
                        <div class="ui-btn-text">
                            <a href="lists-forms-inset.html" class="ui-link-inherit">Inset lists with forms</a></div>
                        <span class="ui-icon ui-icon-arrow-r ui-icon-shadow"></span>
                    </div>
                </li>
                <li data-theme="c" class="ui-btn ui-btn-up-c ui-btn-icon-right ui-li">
                    <div class="ui-btn-inner ui-li">
                        <div class="ui-btn-text">
                            <a href="lists-inset.html" class="ui-link-inherit">Inset styled lists</a></div>
                        <span class="ui-icon ui-icon-arrow-r ui-icon-shadow"></span>
                    </div>
                </li>
                <li data-theme="c" class="ui-btn ui-btn-up-c ui-btn-icon-right ui-li">
                    <div class="ui-btn-inner ui-li">
                        <div class="ui-btn-text">
                            <a href="lists-performance.html" class="ui-link-inherit">List performance test</a></div>
                        <span class="ui-icon ui-icon-arrow-r ui-icon-shadow"></span>
                    </div>
                </li>
                <li data-theme="c" class="ui-btn ui-btn-up-c ui-btn-icon-right ui-li ui-corner-bottom">
                    <div class="ui-btn-inner ui-li ui-corner-bottom">
                        <div class="ui-btn-text">
                            <a href="lists-themes.html" class="ui-link-inherit">Theming lists</a></div>
                        <span class="ui-icon ui-icon-arrow-r ui-icon-shadow"></span>
                    </div>
                </li>
                <!--<li><a href="api-lists.html">API documentation</a></li>-->
        </div>
    </div>
    <!-- /header -->
    <div id="feeds" data-role="content" class="ui-content" role="main">
        <div class="content-primary">
        </div>
        <!--/content-primary -->
    </div>
    <!-- /content -->
    </div>
</body>
</html>
